/*
* @Author: lenovo
* @Date:   2017-11-16 18:40:33
* @Last Modified by:   lenovo
* @Last Modified time: 2017-11-30 13:49:22
*/
body{
	width:100%; 
	color: wheat;
   background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../../image/hhhh.png);
  color:seagreen;
}

.container .row .wrap{
  position: relative;
  height: 392px;
  /*border:1px solid black;*/
  margin:0 auto;
}


.bg{
	width: 100%;
	height: 400px;
	margin-top: 10px;
}
.container .row .css-float{
  float: left;
  
}
a.css-float{
  /* border: 1px solid red; */
  width: 18px;
  height: 40px;
  line-height: 41px;
  
}
.mei-wen-wrap{
	background-size: 100% 100%;
	
}
.mei-wen-wrap .mei-wen-item .panel{
	 background-color:transparent;
	  height: 280px;
}
.mei-wen-wrap .mei-wen-item{
  perspective: 3000;
	 transition: transform 1s;
}
.mei-wen-wrap .mei-wen-item .panel .panel-heading{
	font-size: 15px;
	width:100%;
	height: 60px;
	line-height: 20px;
	background-color:rgba(0, 0, 0,0.2);
}
.mei-wen-wrap .mei-wen-item .panel .panel-body{
	font-size: 13px;
	width:100%;
	height: 210px;
	background-color:transparent;
	box-shadow: 2px 3px 4px 2px rgba(0,0,0,.2);
}
.mei-wen-wrap .mei-wen-item .panel-heading p{
	width: auto;
	height: 30px;
	padding: 10px 10px;
	font-size: 15px;
}
.mei-wen-desc{
  height: 100%;
}
button:hover{
	color: yellow;
}
.operate{
	width: 100%;
	height: 50px;
	/*border:1px solid red;*/
	margin: 20px auto;
  overflow: hidden;
  perspective: 3000;
  -webkit-perspective:3000;
}
.operate button{
	margin-bottom: 30px;
	border:1px solid yellow;
	background-color: rgba(0, 128, 0, 0.4);
}
.container_even{
  /*position: absolute;*/
  float: left;
  /*border:1px solid blue;*/
}
/*三角形挂钩*/
/*.triangle{
	position: relative;
	height: 200px;
	border:1px solid red;
	margin:0 auto;
	perspective: 3000px;
}*/
/*.triangle .line{
	position: absolute;
	width: 300px;
	height: 1px;
	border:1px solid wheat;
	transform: rotateY(30deg);
}
.triangle .triangle-fixed{
	height: 5px;
	margin-top: 50px;
	box-shadow: 2px 1px 3px 2px rgba(0,0,0,.4);
}*/

/*按钮*/
.set_8_button {
  display: inline-block;
  font-weight: 400;
  padding: 0px 25px;
  line-height:45px;
  text-decoration: none;
  /*margin-right: 2em;*/
  cursor:pointer;
  text-align: center;
  transition: background 300ms;
}
.set_8_button.outline {
  color:seagreen;
  overflow: hidden;
  position: relative;
}
.set_8_button.outline:before, .set_8_button.outline:after, .set_8_button.outline .lines:before, .set_8_button.outline .lines:after {
  background-color: #666666;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 300ms;
  width: 100%;
}
.set_8_button.outline:before {
  bottom: 0;
  top: auto;
}
.set_8_button.outline .lines {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.set_8_button.outline .lines:before, .set_8_button.outline .lines:after {
  height: 100%;
  width: 2px;
}
.set_8_button.outline .lines:after {
  left: auto;
  right: 0;
}
.set_8_button:hover:before {
  transform: translateX(-100%);
}
.set_8_button:hover:after {
  transform: translateX(100%);
}
.set_8_button:hover .lines:before {
  transform: translateY(-100%);
}
.set_8_button:hover .lines:after {
  transform: translateY(100%);
}


/*** button 2 ***/

.set_8_button2 {
  display: inline-block;
  font-weight: 400;
  padding: 0px 25px;
  line-height:45px;
  text-decoration: none;
  /*margin-right: 2em;*/
  cursor:pointer;
  text-align: center;
  transition: background 300ms;
}
.set_8_button2.outline {
 color:seagreen;
  overflow: hidden;
  position: relative;
}
.set_8_button2.outline:before, .set_8_button2.outline:after, .set_8_button2.outline .lines:before, .set_8_button2.outline .lines:after {
  background-color: #f8c013;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 300ms;
  width: 100%;
}
.set_8_button2.outline:before {
  bottom: 0;
  top: auto;
}
.set_8_button2.outline .lines {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.set_8_button2.outline .lines:before, .set_8_button2.outline .lines:after {
  height: 100%;
  width: 2px;
}
.set_8_button2.outline .lines:after {
  left: auto;
  right: 0;
}
.set_8_button2:hover:before {
  transform: translateX(-100%);
}
.set_8_button2:hover:after {
  transform: translateX(100%);
}
.set_8_button2:hover .lines:before {
  transform: translateY(-100%);
}
.set_8_button2:hover .lines:after {
  transform: translateY(100%);
}


/*** button 3 ***/

.set_8_button3 {
  display: inline-block;
  font-weight: 400;
  padding: 0px 25px;
  line-height:45px;
  text-decoration: none;
  /*margin-right: 2em;*/
  cursor:pointer;
  text-align: center;
  transition: background 300ms;
}
.set_8_button3.outline {
 color:seagreen;
  overflow: hidden;
  position: relative;
}
.set_8_button3.outline:before, .set_8_button3.outline:after, .set_8_button3.outline .lines:before, .set_8_button3.outline .lines:after {
  background-color: #dd483f;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 300ms;
  width: 100%;
}
.set_8_button3.outline:before {
  bottom: 0;
  top: auto;
}
.set_8_button3.outline .lines {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.set_8_button3.outline .lines:before, .set_8_button3.outline .lines:after {
  height: 100%;
  width: 2px;
}
.set_8_button3.outline .lines:after {
  left: auto;
  right: 0;
}
.set_8_button3:hover:before {
  transform: translateX(-100%);
}
.set_8_button3:hover:after {
  transform: translateX(100%);
}
.set_8_button3:hover .lines:before {
  transform: translateY(-100%);
}
.set_8_button3:hover .lines:after {
  transform: translateY(100%);
}


/*** button 4 ***/

.set_8_button4 {
  display: inline-block;
  font-weight: 400;
  padding: 0px 25px;
  line-height:45px;
  text-decoration: none;
  /*margin-right: 2em;*/
  cursor:pointer;
  text-align: center;
  transition: background 300ms;
}
.set_8_button4.outline {
  color:seagreen;
  overflow: hidden;
  position: relative;
}
.set_8_button4.outline:before, .set_8_button4.outline:after, .set_8_button4.outline .lines:before, .set_8_button4.outline .lines:after {
  background-color: #56c5ff;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 300ms;
  width: 100%;
}
.set_8_button4.outline:before {
  bottom: 0;
  top: auto;
}
.set_8_button4.outline .lines {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.set_8_button4.outline .lines:before, .set_8_button4.outline .lines:after {
  height: 100%;
  width: 2px;
}
.set_8_button4.outline .lines:after {
  left: auto;
  right: 0;
}
.set_8_button4:hover:before {
  transform: translateX(-100%);
}
.set_8_button4:hover:after {
  transform: translateX(100%);
}
.set_8_button4:hover .lines:before {
  transform: translateY(-100%);
}
.set_8_button4:hover .lines:after {
  transform: translateY(100%);
}